<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="TravelStar - Tour, Travel, Travel Agency Template">
    <meta name="keywords" content="Tour, Travel, Travel Agency Template">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TravelStar - Tour, Travel & Travel Agency Template</title>
    <!-- Google Fonts Includes -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
    <!-- Favi icon -->
    <link rel="shortcut icon" type="image/x-icon" href="../static/images/favicon.ico">
    <!-- bootstrap v3.3.6 css -->
    <link rel="stylesheet" href="../static/css/assets/bootstrap.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="../static/css/assets/animate.css">
    <!-- Button Hover animate css -->
    <link rel="stylesheet" href="../static/css/assets/hover-min.css">
    <!-- jquery-ui.min css -->
    <link rel="stylesheet" href="../static/css/assets/jquery-ui.min.css">
    <!-- meanmenu css -->
    <link rel="stylesheet" href="../static/css/assets/meanmenu.min.css">
    <!-- owl.carousel css -->
    <link rel="stylesheet" href="../static/css/assets/owl.carousel.min.css">
    <!-- slick css -->
    <link rel="stylesheet" href="../static/css/assets/slick.css">
    <!-- chosen.min-->
    <link rel="stylesheet" href="../static/css/assets/jquery-customselect.css">
    <!-- font-awesome css -->
    <link rel="stylesheet" href="../static/css/assets/font-awesome.min.css">
    <!-- magnific Css -->
    <link rel="stylesheet" href="../static/css/assets/magnific-popup.css">
    <!-- Preloader css -->
    <link rel="stylesheet" href="../static/css/assets/preloader.css">
    <!-- custome css -->
    <link rel="stylesheet" href="../static/css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="../static/css/responsive.css">
    <link rel="stylesheet" href="../static/css/master.css">
    <!-- modernizr css -->
    <link rel="stylesheet" href="../static/css/login_regist.css">
    <!-- 旅游方案 css-->
    <link rel="stylesheet" href="../static/css/luxian_fang_an/luxian_style.css">
</head>

<body>
<div id="loader-wrapper">
    <div id="loader"></div>
    <div class="loader-section section-left"></div>
    <div class="loader-section section-right"></div>
</div>
<!-- header area start here -->
<!-- 固定头部，不要动 -->
<header>
    <div class="main_nav">
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-sm-2 col-xs-12 tap-v-responsive">
                    <div class="logo-area">
                        <!--去掉logo，否则火狐出bug-->
                    </div>
                </div>
                <div class="col-md-10">
                    <nav>
                        <ul class="main-menu text-right">
                            <li class="active"><a href="{{url_for('mainpage')}}">主页</a></li>
							
							<li><a href="{{url_for('personinfor')}}">智能推荐</a></li>
							
                            <li><a href="{{url_for('Recommend')}}">精准推荐</a></li>
                         
                            <li><a href="{{url_for('Wish_list')}}">心愿清单</a></li>
							
                            <li><a href="{{url_for('luxian')}}">我的路线</a></li>
							
                            <li><a href="{{url_for('contact')}}">电子导游</a></li>
                        </ul>
                    </nav>
                </div> <!-- main menu end here -->
            </div>
        </div>
    </div> <!-- header-bottom area end here -->
</header> <!-- header area end here -->

<section class="breadcrumb-blog-version-one">
    <div class="single-bredcurms" style="background-image:url('../static/images/bercums/package-Version-01.jpg');">
       <div class="container">
           <div class="row">
               <div class="col-sm-12 col-md-12">
                    <div class="bredcrums-content">
                        <h2>我的路线</h2>
                        <ul>
                            <li><a href="index.html">根据您的个人信息生成的个性化路线</a></li>
                        </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><!-- blog breadcrumb version one end here -->


<section class="blog_wrapper">
    <div class="container">
        <div class="row">
            <div class="bg-white">
                <div class="developer-toolbag-block">
                    <div class="titleBar">
                        <h3 class="caption">我的旅行方案</h3>
                        <p class="descript"><font ><b>电子导游倾情加持，带给你不一样的旅游体验</b></font><br>
                            Life is like a box of chocolates：
                            you never know what you’re gonna get.</p>
                    </div>
                    <hr>
                    {%if content2%}
                    <div class="AGrid-row  tool-package">
                        <h2>精准推荐</h2>
                        {%for n,v,m in content2%}
                        <div class="col-sm-6 ">
                            <div class="tile center-layer">
                                <div class="layer-figure">
                                    <img src="../static/images/luxian/DevCloud-ProjectMan.png">
                                </div>
                                <h2 class="dev-list" style="color:#727272">方案{{v}} &nbsp&nbsp&nbsp&nbsp门票开销：{{m}}元</h2>

                                <div class="layer-text">
                                    <p class="dev-text" style="color:#000000; font-style:inherit; font-family:inherit; font-weight:300;">
                                       {{n}}
                                    </p>
                                    <div class="layer-btn">
                                        <a  href="{{url_for('contact_j')}}">
                                            <p style="height:15px;">立即体验</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {%endfor%}
                    </div>
                    {%endif%}

                    <div class="AGrid-row  tool-package">
                        <h2>智能推荐</h2>
                        {%for n,v,m in content%}
                        <div class="col-sm-6 ">
                            <div class="tile center-layer">
                                <div class="layer-figure">
                                    <img src="../static/images/luxian/DevCloud-ProjectMan.png">
                                </div>
                                <h2 class="dev-list" style="color:#727272">方案 {{v}} &nbsp&nbsp&nbsp&nbsp门票开销：{{m}}元</h2>

                                <div class="layer-text">
                                    <p class="dev-text" style="color:#000000; font-style:inherit; font-family:inherit; font-weight:300;">
                                       {{n}}
                                    </p>
                                    <div class="layer-btn">
                                        <a href="{{url_for('contact')}}">
                                            <p style="height:15px;">立即体验</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {%endfor%}

                                </div>
                            </div>
                        </div>






                    </div>
                </div>
                <hr>
                <div style="width:800px; margin:0 auto;text-align: center; margin-bottom:15px">
  <a class="btn btn-primary btn-block" href="{{url_for('Recommend')}}">没有满意的方案？试试’精准推荐‘</a>
  </div>
            </div>
        </div>
    </div>
</section>
<hr>








    <!-- Scroll to top-->

    <!-- ============================
            JavaScript Files
    ============================= -->

    <!-- jquery latest version -->
    <script src="../static/js/vendor/jquery-3.2.0.min.js"></script>
    <script src="../static/js/vendor/modernizr-2.8.3.min.js"></script>
    <!-- bootstrap js -->
    <script src="../static/js/bootstrap.min.js"></script>
    <!-- owl.carousel js -->
    <script src="../static/js/owl.carousel.min.js"></script>
    <!-- slick js -->
    <script src="../static/js/slick.min.js"></script>
    <!-- meanmenu js -->
    <script src="../static/js/jquery.meanmenu.min.js"></script>
    <!-- jquery-ui js -->
    <script src="../static/js/jquery-ui.min.js"></script>
    <!-- wow js -->
    <script src="../static/js/wow.min.js"></script>
    <!-- counter js -->
    <script src="../static/js/jquery.counterup.min.js"></script>
    <!-- Countdown js -->
    <script src="../static/js/jquery.countdown.min.js"></script>
    <!-- waypoints js -->
    <script src="../static/js/jquery.waypoints.min.js"></script>
    <!-- Isotope js -->
    <script src="../static/js/isotope.pkgd.min.js"></script>
    <!-- magnific js -->
    <script src="../static/js/jquery.magnific-popup.min.js"></script>
    <!-- Image loaded js -->
    <script src="../static/js/imagesloaded.pkgd.min.js"></script>
    <!-- chossen js -->
    <script src="../static/js/chosen.jquery.min.js"></script>
    <!-- Jquery plugin -->
    <script src="../static/js/plugins.js"></script>
    <!-- select2 js plugin -->
    <script src="../static/js/select2.min.js"></script>
    <script src="../static/js/colors.js"></script>
    <!-- Jquery plugin -->
    <script src="../static/js/jquery-customselect.js"></script>
    <!-- main js -->
    <script src="../static/js/custom.js"></script>
</body>
</html>
